<template>
    <div class="news">
          <div class="news-list">
              <p v-if="show">加载中。。。。</p>
              <p v-html="NewsList"></p>
          </div>
          <bottom-bar></bottom-bar>
    </div>
</template>

<script>
import BottomBar from '../../components/BottomBar/BottomBar.vue';
import axios from "axios";

export default {
    name:"",
    components:{
        "bottom-bar":BottomBar,
    },
    data(){
        return{
            NewsList:"",
            show:false

        }
    },
    created(){
        let that =this;
        that.show=true;
        var url="https://m.maizuo.com/gateway?actId=ElzMZU125260";
        axios
            .get(url,{
                headers:{"X-Host":"mall.act.static-page.info"}
            })
            .then(function(res){
                that.NewsList=res.data.data.data.content;
                that.show=false;
            })
            .catch(function(error){
                console.log(error);
            })

    },
}
</script>

<style scoped lang="scss">
    .news{
        display: flex;
        flex-direction: column;
        height: 100%;
        &-list{
            flex-grow: 1;
            overflow: auto;
        }
         bottom-bar{
         flex-shrink: 0;
         height: 42px;
     }
    }
</style>